<script setup lang="ts">
import commonHeader from "@/components/common/header.vue";
import commonMenu from "@/components/common/menu.vue";
import commonContainer from "@/components/common/container.vue";
// import commonFooter from "./components/common/footer.vue";
import { useRoute } from "vue-router";
import { computed } from "vue";
const route = useRoute();
const pageName = computed(() => route.name);

import { watch } from "vue";

watch(
  () => route.fullPath,
  (newPath) => {
    localStorage.setItem("currentRoute", newPath);
  }
);
</script>

<template>
  <!-- 头部 -->
  <commonHeader v-if="route.name != 'login'" />

  <div class="micro-box">
    <!-- 左侧菜单 -->
    <commonMenu class="common-menu" v-if="route.name != 'login'" />
    <!-- 右侧内容 -->
    <commonContainer class="main-box" />
    <!-- <commonMenu />
    <div class="main-box">
      <RouterView />
    </div> -->
  </div>
</template>

<style scoped lang="scss">
.logo {
  display: block;
  margin: 0 auto 2rem;
}

.micro-box {
  min-height: calc(100vh - 3.75rem);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;

  .common-menu {
    background: #ffffff;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
}
</style>
